/*=== 作者：Distantmemory - 时间：2018年03月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*== HTML ==*/
* { box-sizing: border-box;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden; }

html { height: 100%; font-size: 625%; overflow-y: scroll; }
:root { overflow-y: auto; overflow-x: hidden; }
:root body { position: absolute; }
body { width: 100vw; line-height: 0.24rem; font-size: 0.16rem; overflow: hidden !important; -webkit-font-smoothing: antialiased; }

/*== 格式化 ==*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.24rem "SourceSans", "SourceCode", "FuturaBook", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "SimSun", "arial", "sans-serif"; outline: none; }
ul, li, p, figure { margin: 0; padding: 0; }
li { list-style: none; }
a, a:after, a:before { color: #333; cursor: pointer; outline: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
a:hover { color: #E60918; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }

/*=== 通用 ===*/
.tm-transition { 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.tm-box { padding: 0 0.08rem; }
.tm-first-box { padding-top: 0.8rem; }
.tm-no-padding { padding: 0 !important; }
.tm-display-none { display: none !important; }



/*=== Uikit ===*/
.uk-grid { margin-left: 0; }
.uk-grid > * { padding-left: 0; }
.uk-grid + .uk-grid { margin-top: 0; }
[class*="uk-align-"] { margin-bottom: 0; }
* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin { margin-top: 0; }

.uk-tooltip { padding: 0 0.08rem; max-width: 2.4rem; background: #97A0BA; color: #FFF; overflow: hidden; }
.uk-accordion-title { font-size: 0.16rem; }

.uk-modal { z-index: 9999999; }
.uk-modal-dialog { position: relative; padding: 0.32rem; width: auto; border-radius: 0.02rem; }
.uk-modal-dialog .uk-icon svg { width: 0.12rem; height: 0.12rem; }
.uk-modal-dialog .subject { margin-top: 0.16rem; }

/*=== Swiper ===*/
#Home-slide .swiper-pagination,
#Home-slide-mobile .swiper-pagination { bottom: 0.08rem; }
#Home-slide .swiper-pagination-bullet,
#Home-slide-mobile .swiper-pagination-bullet { width: 0.65rem; height: 0.11rem; background:#000000; opacity: 1; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
#Home-slide .swiper-pagination-bullet:hover,
#Home-slide .swiper-pagination-bullet-active,
#Home-slide-mobile .swiper-pagination-bullet:hover,
#Home-slide-mobile .swiper-pagination-bullet-active { background: #E60918; opacity: 1; }

#Home-slide .tm-banner-prev,
#Home-slide .tm-banner-next,
#Home-slide-mobile .tm-banner-prev,
#Home-slide-mobile .tm-banner-next { position: absolute; top: 50%; margin-top: -0.24rem; width: 0.48rem; height: 0.48rem; background: #E60918; border-radius: 0.02rem; line-height: 0.48rem; text-align: center; font-size: 0.32rem; color: rgba(255,255,255,0.8); z-index: 2; cursor: pointer; opacity: 0; }
#Home-slide .tm-banner-prev,
#Home-slide-mobile .tm-banner-prev { left: 0.16rem; }
#Home-slide .tm-banner-next,
#Home-slide-mobile .tm-banner-next { right: 0.16rem; }
#Home-slide:hover .tm-banner-prev,
#Home-slide:hover .tm-banner-next,
#Home-slide-mobile:hover .tm-banner-prev,
#Home-slide-mobile:hover .tm-banner-next { opacity: 0.5; }
#Home-slide .tm-banner-prev:hover,
#Home-slide .tm-banner-next:hover,
#Home-slide-mobile .tm-banner-prev:hover,
#Home-slide-mobile .tm-banner-next:hover { opacity: 1; }
#Home-slide:hover .tm-banner-prev i,
#Home-slide:hover .tm-banner-next i,
#Home-slide-mobile:hover .tm-banner-prev i,
#Home-slide-mobile:hover .tm-banner-next i { position: relative; top: -0.02rem; }

/*=== Chrome Browser Scrollbar ===*/
::-webkit-scrollbar-track-piece { /*== 滚动条凹槽的颜色，还可以设置边框属性 ==*/
    background-color:rgba(0,0,0,0.1);
}

::-webkit-scrollbar { /*== 滚动条的宽度 ==*/
    width: 0.04rem;
    height: 0.01rem;
}

::-webkit-scrollbar-thumb { /*== 滚动条设置 ==*/
    min-height: 2.4rem;
    background-color:#E60918;
    background-clip: padding-box;
    border-radius: 0.04rem;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(254,179,38,1);
}

/*=== mCustomScrollbar ===*/
.mCSB_inside > .mCSB_container { margin-right: 0; }
.mCSB_scrollTools .mCSB_draggerRail { background: rgba(33,130,152,0.3); }
.mCSB_scrollTools { width: 0.08rem; z-index: 999999999; }

/*=== Crumbs ===*/
.crumbs .home { margin-right: 0.08rem; font-size: 0.18rem; }
.crumbs .tip { margin-right: 0.08rem; }
.crumbs i { margin: auto 0.04rem; font-size: 0.12rem; }
.crumbs a { color: #999; }
.crumbs a.active,
.crumbs a:hover { color: #E60918; }

/*=== Carousel menu ===*/
.carousel-menu { position: relative; padding: 0.16rem 0.64rem; background: #FFF; border-radius: 0.02rem; font-size: 0.14rem; color: #999; }
.carousel-menu .swiper-container { position: relative; }
.carousel-menu .prev,
.carousel-menu .next { position: absolute; top: 50%; margin-top: -0.12rem; width: 0.24rem; height: 0.24rem; font-size: 0.16rem; cursor: pointer; }
.carousel-menu .prev { left: 0.16rem; }
.carousel-menu .next { right: 0.16rem; }
.carousel-menu li a { display: block; position: relative;color: #999; }
.carousel-menu .prev:hover,
.carousel-menu .next:hover,
.carousel-menu li:hover a,
.carousel-menu li.active a { color: #E60918; } 
.carousel-menu li:hover a:before,
.carousel-menu li.active a:before { background: #E60918; }

/*=== Form ===*/
.form .input { margin-top: 0.16rem; }
.form label { display: block; position: relative; }
.form label i { position: absolute; top: 50%; left: 0.08rem; margin-top: -0.1rem; width: 0.24rem; height: 0.24rem; line-height: 0.24rem; text-align: center; color: #999; }
.form .half label i { margin-top: -0.12rem; }
.form textarea,
.form label input { padding: 0.08rem; width: 100%; border: 0.01rem solid rgba(0,0,0,0.07); border-radius: 0.02rem; font-size: 0.14rem; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.form label input { padding-left: 0.36rem; }
.form .half label input { width: 50%; }
.form textarea:focus,
.form label input:focus { border-color: #E60918; }
.form .half label img { position: relative; top: -0.01rem; left: 0.08rem; max-height: 0.4rem; }
.form button { display: block; margin-top: 0.16rem; padding: 0.08rem; width: 100%; background: #E60918; border: none; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; cursor: pointer; }
.form button:hover { background: #272028; }

/*=== Header ===*/
.header.fixed-before { height: 0.8rem; z-index: 99; top:0;
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%); }
.header.fixed-after { 
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0); }
.header.fixed-before .logo { padding: 0.16rem 0; height: 0.8rem; }
.header .logo figure { height: 100%; }

.header .menu { height: 1.05rem; font-size: 0.14rem; }
.header.fixed-before .menu { height: 0.8rem; }
.header .menu nav > ul > li { float: left; margin-left: 0.01rem; height: 1.05rem; line-height: 1.05rem; }
.header.fixed-before .menu nav > ul > li { height: 0.8rem; line-height: 0.8rem; }
.header .menu nav > ul > li > a { display: block; position: relative; padding: 0 0.2rem; font-size:0.16rem; text-transform: uppercase; color: #555555; overflow: hidden; }
.header .menu nav > ul > li:hover > a,
.header .menu nav > ul > li.active > a { color: #fff; }
.header .menu nav > ul > li > a > span { position: relative; }
.header .menu nav > ul > li > a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E60918; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleY( 0 );
    -o-transform: scaleY( 0 );
    -ms-transform: scaleY( 0 );
    -moz-transform: scaleY( 0 );
    -webkit-transform: scaleY( 0 );

    transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    -webkit-transform-origin: top; }
.header .menu nav > ul > li > a:after { content: ""; display: block; position: absolute; left: 0;  bottom: 0; width: 100%; height: 0.02rem; background: #E60918; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( 0 );
    -o-transform: scaleX( 0 );
    -ms-transform: scaleX( 0 );
    -moz-transform: scaleX( 0 );
    -webkit-transform: scaleX( 0 ); }
.header .menu nav > ul > li:hover > a:before,
.header .menu nav > ul > li.active > a:before { 
    transform: scaleY( 1 );
    -o-transform: scaleY( 1 );
    -ms-transform: scaleY( 1 );
    -moz-transform: scaleY( 1 );
    -webkit-transform: scaleY( 1 ); }
.header .menu nav > ul > li:hover > a:after,
.header .menu nav > ul > li.active > a:after {
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }

.header .menu nav .suball{ position: absolute; width:100%;background: #616264; text-align: center; overflow: hidden; border-top: 3px solid #E60918; left: 0; top:1.05rem; display:none; z-index: 999;box-shadow: 0 0.08rem 0.08rem rgba(0,0,0,0.1); border-bottom-left-radius: 0.02rem; border-bottom-right-radius: 0.02rem; line-height: 0.22rem; visibility: hidden;}
.header .menu nav .sub-menu { width:100%;}
.header.fixed-before .menu nav .suball { top: 0.8rem;}
.header .menu nav > ul > li:hover .suball { display:block; visibility: visible;}

.header .menu nav .sub-menu > li{ width:15.66666666%; margin:0.6% 0.5%; float:left; text-align: center;cursor: pointer;}
.header .menu nav .sub-menu > li > a { display: block; padding: 0.08rem 0.16rem; font-size: 0.14rem; color: #fff;}
.header .menu nav .sub-menu > li > .img{ width:100%; height:100%; float:left; overflow:hidden}
.header .menu nav .sub-menu > li:hover > a { color: #ccc; } 

/*=== Home ===*/
.slogan { background: #1E1A19; overflow: hidden; }
.slogan .box .text .content { font-size: 0.14rem; color: #FFF; }

.home-layout .title { margin-bottom: 0.32rem; }
.home-layout .title .subject { position: relative; margin-bottom: 0.14rem; padding-bottom: 0.14rem; line-height: 0.48rem; font-size: 0.3rem; }
.home-layout .title .subject::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; margin-left: -0.32rem; width: 0.64rem; height: 0.03rem; background:#E71F10; }
.home-layout .title .subject::before{ content: ""; display: block; position: absolute; left: 50%; bottom:0; margin-left: -1.5rem; width:3rem; height: 0.01rem; background:#ccc; }
.home-layout .title .summary { font-size: 0.16rem; color: #333; }
.home-layout .more { margin-top: 0.32rem; }
.home-layout .more a { display: inline-block; position: relative; padding: 0.08rem 0.48rem; background: #1E1A19; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; }
.home-layout .more a:hover { color: #1E1A19; }
.home-layout .more a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E60918; z-index: 1; opacity: 0; visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( -1 );
    -o-transform: scaleX( -1 );
    -ms-transform: scaleX( -1 );
    -moz-transform: scaleX( -1 );
    -webkit-transform: scaleX( -1 ); }
.home-layout .more a:hover::before { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }
.home-layout .more a span { position: relative; z-index: 2; }

.home-layout.ad { padding: 0; }

.home-case { background:#F3F3F3; }
.home-case .cat { margin-bottom: 0.32rem; border: 0.01rem solid #FFF; border-radius: 0.02rem; }
.home-case .cat .info .box .subject { position: relative; padding-bottom: 0.22rem; line-height: 0.48rem; font-size: 0.2rem; font-weight: 700; color: #1E1A19; }
.home-case .cat .info .box .subject::after { content: ""; display: block; position: absolute; bottom: 0; width: 0.64rem; height: 0.01rem; background: rgba(0,0,0,0.1); }
.home-case .cat .info .box .summary { margin: 0.22rem auto; line-height: 0.28rem; font-size: 0.14rem; }
.home-case .cat .info .box .link a { display: inline-block; position: relative; padding: 0.08rem 0.48rem; background: #1E1A19; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; }
.home-case .cat .info .box .link a:hover { color: #fff; }
.home-case .cat .info .box .link a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#E60918; z-index: 1; opacity: 0; visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; 

    transform: scaleX( -1 );
    -o-transform: scaleX( -1 );
    -ms-transform: scaleX( -1 );
    -moz-transform: scaleX( -1 );
    -webkit-transform: scaleX( -1 ); }
.home-case .cat .info .box .link a:hover::before { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }
.home-case .cat .info .box .link a span { position: relative; z-index: 2; }
.home-case .list { margin: auto -0.16rem; }
.home-case .list .unit a { display: block; }
.home-case .list .unit a .image { display: block; position: relative; overflow: hidden; }
.home-case .list .unit a .image img { border: 0.01rem solid #FFF; }
.home-case .list .unit a .image .line::before,
.home-case .list .unit a .image .line::after { content: ""; display: block; position: absolute; background: #E60918; opacity: 0; visibility: hidden; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.home-case .list .unit a .image .line-top-bottom::before,
.home-case .list .unit a .image .line-top-bottom::after { width: 100%; height: 0.01rem; 
    transform: scaleX( 0 );
    -o-transform: scaleX( 0 );
    -ms-transform: scaleX( 0 );
    -moz-transform: scaleX( 0 );
    -webkit-transform: scaleX( 0 ); }
.home-case .list .unit a:hover .image .line-top-bottom::before,
.home-case .list .unit a:hover .image .line-top-bottom::after { opacity: 1; visibility: visible;
    transform: scaleX( 1 );
    -o-transform: scaleX( 1 );
    -ms-transform: scaleX( 1 );
    -moz-transform: scaleX( 1 );
    -webkit-transform: scaleX( 1 ); }
.home-case .list .unit a .image .line-top-bottom::before { top: 0; }
.home-case .list .unit a .image .line-top-bottom::after { bottom: 0; }
.home-case .list .unit a .image .line-left-right::before,
.home-case .list .unit a .image .line-left-right::after { width: 0.01rem; height: 100%; 
    transform: scaleY( 0 );
    -o-transform: scaleY( 0 );
    -ms-transform: scaleY( 0 );
    -moz-transform: scaleY( 0 );
    -webkit-transform: scaleY( 0 ); }
.home-case .list .unit a:hover .image .line-left-right::before,
.home-case .list .unit a:hover .image .line-left-right::after { opacity: 1; visibility: visible;
    transform: scaleY( 1 );
    -o-transform: scaleY( 1 );
    -ms-transform: scaleY( 1 );
    -moz-transform: scaleY( 1 );
    -webkit-transform: scaleY( 1 ); }
.home-case .list .unit a .image .line-left-right::before { top: 0; left: 0; }
.home-case .list .unit a .image .line-left-right::after { top: 0; right: 0; }
.home-case .list .unit a .subject { margin-top: 0.16rem; font-size: 0.14rem; color: #1E1A19; }

.home-service .list { margin: auto -0.16rem; }
.home-service .list .unit { padding: 0.16rem; }
.home-service .list .unit .box { position: relative; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; }
.home-service .list .unit .box:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.home-service .list .unit .box .text .subject { margin-bottom: 0.16rem; font-size: 0.18rem; color: #222; }
.home-service .list .unit .box .text .summary { font-size: 0.14rem; color: #999; }



.home-news .list { margin: auto -0.16rem; }
.home-news .list .unit { padding: 0.16rem; }
.home-news .list .unit .box { position: relative; padding: 0.16rem; }
.home-news .list .unit .box .date { position: absolute; left: 0; padding: 0.18rem 0.16rem; width: 0.88rem; height: 0.88rem; background: #E60918; overflow: hidden; }
.home-news .list .unit .box .date .day { line-height: 0.28rem; font-size: 0.24rem; color: #666; }
.home-news .list .unit .box .date .year { color: #999; }
.home-news .list .unit .box .text {}
.home-news .list .unit .box .text .summary { margin-top: 0.16rem; font-size: 0.14rem; color: #999; }

/*=== Page ===*/
.page .top { margin-bottom: 0.32rem; }
.page .top .title { font-weight: 700; font-size: 0.3rem; color: #1E1A19; }
.page .top .page-menu { font-size: 0.14rem; }
.page .top .page-menu li { margin-left: 0.32rem; }
.page .top .page-menu li a { display: block; position: relative; }
.page .top .page-menu li.active a { color: #E60918; }
.page .top .page-menu li a:before { content: ""; display: block; position: absolute; top: 50%; left: -0.12rem; width: 0.04rem; height: 0.01rem; background: #999; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.page .top .page-menu li.active a::before,
.page .top .page-menu li a:hover::before { background: #E60918; }

.page .content .head .nature ul { display: inline-block; vertical-align: bottom; }
.page .content .head .nature ul li { margin-right: 0.24rem; font-size: 0.14rem; color: #999; }
.page .content .content-text { margin: 0.32rem auto; padding: 0.32rem 0; border-top: 0.01rem solid rgba(0,0,0,0.05); border-bottom: 0.01rem solid rgba(0,0,0,0.05); }

.page .content-nav { font-size: 0.14rem; color: #999; }
.page .content-nav li { padding: 0.02rem 0; }

/*== News ==*/
.page .news .list { margin: auto -0.16rem; }
.page .news .list .unit { padding: 0.16rem; }
.page .news .list .unit .box { position: relative; padding: 0.16rem; }
.page .news .list .unit .box .date { position: absolute; left: 0; padding: 0.18rem 0.16rem; width: 0.88rem; height: 0.88rem; background: #E60918; overflow: hidden; }
.page .news .list .unit .box .date .day { line-height: 0.28rem; font-size: 0.24rem; color: #666; }
.page .news .list .unit .box .date .year { color: #999; }
.page .news .list .unit .box .text { background:#fff;}
.page .news .list .unit .box .text .summary { margin-top: 0.16rem; font-size: 0.14rem; color: #999; }

/*=== Products ===*/
.page .products .list { margin: auto -0.08rem; }
.page .products .list .unit { padding: 0 0.08rem 0.32rem 0.08rem; }
.page .products .list .unit .box { position: relative; padding: 0.16rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; }
.page .products .list .unit .box:hover { box-shadow: 0 0 0.12rem rgba(0,0,0,0.1); }
.page .products .list .unit .box .text .subject { font-size: 0.18rem; }




.page .products .products-content > div { margin-bottom: 0.32rem; padding-bottom: 0.32rem; border-bottom: 0.01rem solid rgba(0,0,0,0.05); }
.page .products .products-content .right .box .subject { margin-bottom: 0.24rem; font-size: 0.28rem; font-weight: 700; color: #E60918; }
.page .products .products-content .cont .tabs > ul{ background:#DADADA; height:0.6rem;}
.page .products .products-content .cont .tabs > ul > li{ float:left; line-height:0.6rem;}
.page .products .products-content .cont .tabs > ul > li a{ display:block; width:100%; padding:0 0.3rem; }
.page .products .products-content .cont .tabs > ul > li a.tabulous_active{ background:#E60918; color:#fff;}
.page .products .products-content .cont .tabs > #tabs_container{ position:relative;}
.page .products .products-content .cont .tabs > #tabs_container .hideleft{ display:none;}
.page .products .products-content .cont .tabs > #tabs_container .showleft{ display:block;}

/*=== Case ===*/
.page .cases .list { margin: auto -0.16rem; }
.page .cases .list .unit { padding: 0 0.16rem 0.32rem 0.16rem; }
.page .cases .list .unit .box { position: relative; padding: 0.01rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; }
.page .cases .list .unit .box:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.page .cases .list .unit .box .text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding: 0.16rem; font-size: 0.14rem; }

.page .cases .cases-content .picture { margin-bottom: 0.32rem; }

/*=== Job ===*/
.page .jobs .list { margin: auto -0.16rem; }
.page .jobs .list .unit .box { position: relative; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); border-radius: 0.02rem; }
.page .jobs .list .unit .box:hover { box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.page .jobs .list .unit .box a:hover { background: #E60918; color: #FFF; }
.page .jobs .list .unit .box .subject i { position: relative; top: -0.01rem; margin-right: 0.04rem; font-size: 0.12rem; }

/*=== Contact ===*/
.page .contact .banner { margin-bottom: 0.32rem; border: 0.01rem solid #FFF; }
.page .contact .contact-content .box .title { margin-bottom: 0.16rem; line-height: 0.32rem; font-size: 0.18rem; }

.page .contact .contact-content .right .box .text { padding-top: 0.16rem; border-top: 0.01rem solid rgba(0,0,0,0.07); }

/*== Footer ==*/
.footer { padding: 0.4rem 0; background: #1E1A19; font-size: 0.14rem; color: #999; }
.footer ul { display: inline-block; vertical-align: bottom; }
.footer ul li span { margin-right: 0.04rem; font-size:0.18rem;}
.footer ul li a { color: #CCC; }
.footer ul li a:hover { color: #FFF; }


.footer .uk-grid h3 a{ color:#fff}
.footer .uk-grid h3 a:hover{#ccc}
.footer .uk-grid p a{ color:#ccc}
.footer .uk-grid p a:hover{#ccc}
.footer .uk-grid img{width:60%;}

.footer .title { margin-bottom: 0.32rem; }
.footer .title .subject { position: relative; margin-bottom: 0.16rem; padding-bottom: 0.16rem; line-height: 0.48rem; font-size: 0.24rem; color: #FFF; }
.footer .title .subject::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; margin-left: -0.24rem; width: 0.48rem; height: 0.01rem; background: rgba(255,255,255,0.3); }

.footer .code { margin-top: 0.32rem; color: #fff; }
.footer .code .image { margin: auto; max-width: 1.2rem; }
.footer .code .image img { padding: 0.08rem; border: 0.01rem solid #fff; }
.footer .code .tips { margin-top: 0.08rem; }

.copyright { padding: 0.16rem 0; background: #211B22; font-size: 0.14rem; color: #999; }
.copyright ul { display: inline-block; vertical-align: bottom; }
.copyright ul li span { margin-right: 0.04rem; }
.copyright ul li a { color: #CCC; }
.copyright ul li a:hover { color: #FFF; }

/*== Paging ==*/
.paging ul { display: inline-block; vertical-align: bottom; }
.paging ul a.page-num-current,
.paging ul a:hover { background: #E60918; }

/*=== 边栏导航 ===*/
/*边栏主体*/
.sidebar { box-sizing: border-box; position: fixed; top: 0; width: 100%; height: 100%; background: #1E1A19; overflow: hidden; z-index: 99; 
    transform: translate(-100%);
    -ms-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -webkit-transform: translate(-100%);
    -o-transform: translate(-100%); }
.sidebar.on { 
    transform: translate(0);
    -ms-transform: translate(0);
    -moz-transform: translate(0);
    -webkit-transform: translate(0);
    -o-transform: translate(0); }
.sidebar-logo { padding: 0.08rem 0.64rem; border-bottom: 0.01rem solid #000; }
.sidebar-menu nav { padding-bottom: 0.16rem; line-height: 0.4rem; font-size: 0.14rem; }
.sidebar-menu nav a { padding: 0 0.16rem; border-top-right-radius: 0.02rem; border-bottom-right-radius: 0.02rem; color: #999; }
.sidebar-menu nav i { font-size: 0.12rem; }
.sidebar-menu nav .sub-menu i { 
    transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5); }
.sidebar-menu nav > ul > li { position: relative; overflow: hidden; }
.sidebar-menu nav > ul > li > a { display: block; border-bottom: 0.01rem solid rgba(0,0,0,0.3); }
.sidebar-menu nav > ul > li > a i { position: relative; top: -0.01rem; }
.sidebar-menu nav > ul > li > i { position: absolute; top: 0; right: 0; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.16rem; color: #FFF; cursor: pointer; z-index: 2; }
.sidebar-menu nav > ul > li.on > i {
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg); }
.sidebar-menu nav a:hover, 
.sidebar-menu nav > ul > li.on > a { background: #E60918; color: #FFF; }
.sidebar-menu nav > ul > li.on .sub-menu { border-bottom: 0.01rem solid rgba(0,0,0,0.3); }
.sidebar-menu .sub-menu { height: 0; }
.sidebar-menu .sub-menu > li > a { display: block; }
.sidebar-menu .sub-menu > li > a:hover,
.sidebar-menu .sub-menu > li.on > a { background: #222; color: #FFF; }

/*边栏背景*/
.sidebar-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); pointer-events: none; opacity: 0; z-index: 98; }
.sidebar-background.on { pointer-events: all; opacity: 1; }

/*边栏控制按钮*/
.sidebar-control { position: fixed; top: 0; right: 0.24rem; width: 0.20rem; height: 0.15rem; z-index: 100; cursor: pointer; 
    transform: translate(0, 0.32rem);
    -ms-transform: translate(0, 0.32rem);
    -moz-transform: translate(0, 0.32rem);
    -webkit-transform: translate(0, 0.32rem);
    -o-transform: translate(0, 0.32rem); }
.sidebar-control.fixed-before { opacity: 0;
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);  }
.sidebar-control.fixed-after { opacity: 1;
    transform: translate(0, 0.32rem);
    -ms-transform: translate(0, 0.32rem);
    -moz-transform: translate(0, 0.32rem);
    -webkit-transform: translate(0, 0.32rem);
    -o-transform: translate(0, 0.32rem); }
.sidebar-control.on {
    transform: translate(0, 0.32rem);
    -ms-transform: translate(0, 0.32rem);
    -moz-transform: translate(0, 0.32rem);
    -webkit-transform: translate(0, 0.32rem);
    -o-transform: translate(0, 0.32rem); }
.sidebar-control .line { position: absolute; top: 50%; margin-top: -0.01rem; width: 100%; height: 0.01rem; background:#E60918; opacity: 1; 
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.sidebar-control.on .line { opacity: 0; }
.sidebar-control:before,
.sidebar-control:after { content: ""; display: block; position: absolute; width: 100%; height: 0.01rem; background:#E60918;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }
.sidebar-control:before { top: 0; }
.sidebar-control:after { bottom: 0; }
.sidebar-control.on:before { 
    transform-origin: right; 
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); 
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg); }
.sidebar-control.on:after { 
    transform-origin: right; 
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg); }
	
	
	
/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 

    .uk-container { padding: 0 0.08rem; }

    /*=== Crumbs ===*/
    .crumbs {position: relative; margin-top:0.48rem; background: #F9F9F9; box-shadow: 0 0.02rem 0.02rem rgba(0,0,0,0.07);}

	 /*=== welcome ===*/
	 .welcome{ height:45px; background:#1E1A19;}
	 .welcome .lug{ line-height:45px; float:left;}
	 .welcome .lug a{ color:#ccc; font-size:0.14rem; margin:0px 1px;}
	 .welcome .lug a.cn{ color:#E60918}
	 .welcome .lug a.en{ font-family:Arial;}
	 
	 .welcome .tel{ float:right; color:#ccc; line-height:42px; font-size:0.14rem; background:url(../img/tel.jpg) left top no-repeat; padding-left:19px;}
	 .welcome .tel font{ font-family:Arial; font-weight:bold; font-size:0.18rem; line-height:45px;}

    /*=== Header ===*/
    .header { position: fixed; top:0; left: 0; width: 100%; height: 0.48rem; background:#F3F3F3; box-shadow: 0 0 0.08rem rgba(0,0,0,0.1); z-index: 97; }
    .header .logo { height: 0.48rem; }
    .header .logo img { height: 0.48rem; }
	
	.header.fixed-before{ height:0.48rem;}
	.header.fixed-before .logo{ height:0.48rem;}

    /*== Home Slide ==*/
    .home-slide { padding-top: 0.48rem; background:#F3F3F3; }
	
	#Home-slide .swiper-pagination-bullet, #Home-slide-mobile .swiper-pagination-bullet{width: 0.15rem; height: 0.05rem;}
	
	.sidebar-control { top:-0.14rem;}
	
	.sidebar { width:60%;}
	
	.sidebar-logo .picture{ background:#fff; border-radius:50%; padding:0.05rem;}

    /*=== Home ===*/
    .slogan .unit { width:25%;  border-bottom: 0.01rem solid rgba(91,91,91,0.7); }
	
	
    .slogan .box { position: relative; padding: 0.05rem; }
    .slogan .box .icon { position: absolute; top: 50%; left: 0.01rem; margin-top: -0.15rem; width: 0.3rem; height: 0.3rem; }
    .slogan .box .text { position: relative; padding-left:0.35rem; }
    .slogan .box .text .subject { line-height: 0.22rem; font-size: 0.1rem; font-weight: 700; color: #FFF; }
	.slogan .box .text .content{ display:none}

    .home-layout { padding: 0.22rem 0;}
	.home-layout .title { margin-bottom: 0.12rem;}
	.home-layout .title .subject{ font-size:0.15rem;line-height: 0.2rem; margin-bottom: 0.04rem; padding-bottom: 0.04rem;}
	.home-layout .title .summary{ font-size:0.1rem;}

	.home-case .cat{ display:none}
    .home-case .cat .picture,
    .home-case .cat .info { background: #fff; }
    .home-case .cat .info .box { padding: 0.1rem; height: 100%; overflow: hidden; }
	.home-case .cat .info .box .subject{ display: none;}
	.home-case .cat .info .box .summary{ margin:0rem auto;}
	.home-case .cat .info .box .link a{ float:right}
    .home-case .list .unit { margin-bottom: 0.32rem; padding: 0; width:50%; position:relative; margin-bottom:0;}
	.home-case .list .unit a .subject{ position:absolute; z-index:2; width:100%; height:0.2rem; margin:0; padding:0; background:rgba(0,0,0,0.6); bottom:0; left:0; margin-top:0;line-height:0.22rem; overflow:hidden; color:#fff; font-size:0.12rem;}
	

	.home-application{ background:#fff;}
	.home-application .list a{ width:32.33333333%; position:relative; margin:0.5%;}
	.home-application .list a .unit{ width:100%;}
	.home-application .list a .unit img{ width:100%;}
	.home-application .list a .text{width:100%; position:absolute; left:0; bottom:0; z-index:3; height:0.25rem; line-height:0.25rem;  background:#E60918; text-align:center;opacity:1;color:#fff; }
	
	.home-application .list a:hover{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index:9;}

	.home-service { background: #F3F3F3;}
	.home-service .list .unit{ width:50%;padding: 0.02rem;}
    .home-service .list .unit .box .image { position: relative; width: 100%; overflow: hidden; }
    .home-service .list .unit .box .text { padding: 0.02rem; overflow: hidden; }
	.home-service .list .unit .box .text .subject{margin-bottom: 0rem; font-size: 0.12rem; color: #222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

	.home-news .list .unit{ padding:0.16rem;}
	.home-news .list .unit .box{ position:relative; padding:0rem;}
    .home-news .list .unit .box .image { position: relative; width:0.8rem; height:0.5rem; overflow: hidden;}
    .home-news .list .unit .box .text { padding: 0rem; overflow: hidden; position:absolute; top:0; left:0.86rem; z-index:2}
	.home-news .list .unit .box .text .subject{ font-size:0.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:0.22rem; line-height:0.22rem; text-align:left!important;}
	.home-news .list .unit .box .text .summary{ margin-top:0rem; font-size:0.1rem; text-align:left!important; height:0.27rem; line-height:0.135rem; overflow:hidden; margin-top:0.01rem;}
	
	

	.copyright{ padding-bottom:0.4rem;}
	.footer{ display:none}
	
	
	/*=== Carousel menu ===*/
	.carousel-menu { position: relative; padding: 0.06rem 0.32rem; background: #FFF; border-radius: 0.02rem; font-size: 0.1rem; color: #999; }
	.carousel-menu .swiper-container { position: relative; }
	.carousel-menu .prev,
	.carousel-menu .next { position: absolute; top: 50%; margin-top: -0.12rem; width: 0.24rem; height: 0.24rem; font-size: 0.12rem; cursor: pointer; }
	.carousel-menu .prev { left: 0.06rem; }
	.carousel-menu .next { right: 0.06rem; }



	
	.fmenu{position: fixed; margin: 0;width: 100%;bottom:0; z-index:99999}
	.fmenu ul li{ width:25%; height:0.3rem; position:relative;}
	.fmenu ul li i{ display:block; height:0.3rem; width:0.3rem;border-radius:0.3rem; background:#E60918; position:absolute; left:50%; margin-left:-0.15rem; top:-0.15rem; text-align:center; line-height:0.3rem; color:#fff;}
	.fmenu ul li font{ display:block; width:100%; background:#E60918; height:0.3rem; line-height:0.4rem; overflow:hidden; font-size:0.1rem; color:#fff;}

	.fmenu ul li.fmenu1 i,.fmenu ul li.fmenu1 font{ background:#EA1C33}
	.fmenu ul li.fmenu2 i,.fmenu ul li.fmenu2 font{ background:#2BBF13}
	.fmenu ul li.fmenu3 i,.fmenu ul li.fmenu3 font{ background:#58B8EA}
	.fmenu ul li.fmenu4 i,.fmenu ul li.fmenu4 font{ background:#EF57A2}


    /*=== Page ===*/
    .page { padding: 0.08rem 0; background: #F5F5F5; }
    .page .top .sub-title { position: relative; margin-top: 0.16rem; font-size: 0.14rem; color: #999; }
    .page .content .head .title { margin-bottom: 0.16rem; line-height: 0.28rem; font-size: 0.2rem; }

    /*=== About ===*/
    .page .about .content { padding: 0.06rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }
	.page .about .content img{ height:auto!important;}
	.page .about .content p{ text-indent:0rem!important; margin-left:0!important; padding-left:0!important;}

    /*=== Case ===*/
	.page .cases .list .unit{ width:50%; padding: 0 0.02rem 0.04rem 0.02rem;}
	.page .cases .list .unit .box .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:0.05rem; font-size:0.12rem;}
    .page .cases .cases-content { padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }


    /*=== Product ===*/
	.page .products .list .unit{ width:50%; padding: 0 0.02rem 0.04rem 0.02rem;}
	.page .products .list .unit .box{ position:relative;}
    .page .products .list .unit .box .image {width: 100%; overflow: hidden; }
    .page .products .list .unit .box .subject { text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:0.12rem;}
	.page .products .list .unit .box .more{ position:absolute; z-index:3; left:50%; top:50%; width:60%; height:0.4rem; font-size:0.14rem; margin-top:-0.2rem; margin-left:-30%; text-align:center; background-color: rgba(230,9,24,0.8);opacity:0; color:#fff; line-height:0.4rem;}
	.page .products .list .unit:hover .box .more{opacity:1;}
	
    .page .products .products-content { padding: 0.06rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }
    .page .products .products-content .left { margin-bottom: 0.24rem; }
	
	.page .products .products-content .right .box .subject{margin-bottom: 0.08rem; font-size: 0.18rem;}
	.page .products .products-content .right .box .product-content-text{ padding:0.05rem 0; margin-bottom:0.1rem;}
	.page .products .products-content .right .box .product-content-text .text{position:relative; margin-bottom:0.06rem; overflow:hidden;}
	.page .products .products-content .right .box .product-content-text .name{ width:0.62rem; font-size:0.1rem; line-height:0.125rem; position:absolute; left:0; top:0;}
	.page .products .products-content .right .box .product-content-text .cont{ padding-left:0.62rem; line-height:0.125rem; font-size:0.1rem;}
	
	.page .products .products-content .cont .tabs > ul{ height:0.25rem;}
	.page .products .products-content .cont .tabs > ul > li{ line-height:0.25rem;}
	.page .products .products-content .cont .tabs > ul > li a{padding: 0 0.05rem; font-size:0.12rem;}
	
	.page .products .products-content .cont .tabs > #tabs_container .table-list .ul{ position:relative; text-align: left!important;}
	.page .products .products-content .cont .tabs > #tabs_container .table-list .ul .li{ margin:0; padding:0; font-size:0.12rem; line-height:0.25rem; text-align: left!important; text-indent:0!important;}
	.page .products .products-content .cont .tabs > #tabs_container .table-list .ul .li p{ text-align: left!important; line-height:0.1rem; text-indent:0!important;}
	.page .products .products-content .cont .tabs > #tabs_container .table-list .ul .li span{ text-align: left!important; text-indent:0!important;}
	.page .products .products-content .cont .tabs > #tabs_container .table-list .ul .li font{ text-align: left!important; text-indent:0!important;}
	
/*	.page .products .products-content .cont .tabs > #tabs_container .table-list ul li:first-child{ position:absolute; width:0.6rem; font-size:0.12rem; line-height:0.25rem; top:0; left:0; margin:0; padding:0;}*/
	

    /*=== News ===*/
	.page .news .list .unit{ padding:0.06rem; background:#fff; margin:0.06rem;}
	.page .news .list .unit .box{ position:relative; padding:0rem;}
    .page .news .list .unit .box .image { position: relative; width:0.8rem; height:0.5rem; overflow: hidden;}
    .page .news .list .unit .box .text { padding: 0rem; overflow: hidden; position:absolute; top:0; left:0.86rem; z-index:2}
	.page .news .list .unit .box .text .subject{ font-size:0.14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:0.22rem; line-height:0.22rem; text-align:left!important;}
	.page .news .list .unit .box .text .summary{ margin-top:0rem; font-size:0.1rem; text-align:left!important; height:0.27rem; line-height:0.135rem; overflow:hidden; margin-top:0.01rem;}
	
    /*=== Job ===*/
    .page .jobs .list .unit .box a { display: block; padding: 0.06rem; }
    .page .jobs .list .unit { padding: 0 0.06rem 0.12rem 0.06rem; font-size: 0.12rem; }

    .page .jobs .jobs-content { padding: 0.06rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }

	/*=== yingyong ===*/
	.page .yingyong .list .unit{ padding:0.06rem; margin-bottom:0.24rem;}
	.page .yingyong .list .unit .box{ position:relative; padding:0rem;}
    .page .yingyong .list .unit .box .image { position: relative; width:1.25rem; overflow: hidden;}
    .page .yingyong .list .unit .box .text { padding: 0rem; overflow: hidden; height:1rem; position:absolute; top:0; padding-left:1.33rem; width:100%; z-index:2}
	.page .yingyong .list .unit .box .text .subject{ font-size:0.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:0.15rem; line-height:0.15rem; text-align:left!important; color:#E60918;}
	
	.page .yingyong .list .unit .box .text .summary{ font-size:0.1rem; margin-top:0rem; font-size:0.1rem; text-align:left!important; line-height:0.15rem; overflow:hidden; margin-top:0.01rem; position:absolute; bottom:0;}
	.page .yingyong .list .unit .box .text .summary .name1{ font-size:0.12rem;}
	.page .yingyong .list .unit .box .text .summary .name2 a{ display:block; width:100%;font-size:0.12rem; color:#E60918; text-indent:0.02rem;}


    /*=== Contact ===*/
    .page .contact .contact-content .box { padding: 0.16rem; height: 100%; background: #FFF; }

    .page .contact .contact-content .right { line-height: 0.24rem; }
    .page .contact .contact-content .right p { word-break: break-all; }

    /*=== Paging ===*/
    .paging ul span, 
    .paging ul a { display: block; float: left; margin: auto 0.02rem; padding: 0.02rem 0.08rem; background: #41403E; border-radius: 0.02rem; font-size: 0.14rem; color: #FFF; }
	
	

}

@media ( min-width : 360px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {
}

/*笔记本电脑*/
@media ( min-width : 960px) {

    /*=== Crumbs ===*/
    .crumbs { margin-top: 1.05rem; }

    /*=== Header ===*/
    .header { height: 1.05rem; top:45px; }
    .header .logo { height: 1.05rem; }
    .header .logo img { height: auto; }
	.header.fixed-before{ height:0.8rem;}
	.header.fixed-before .logo{ height:0.8rem;}
	
	.header .menu nav > ul > li > a{ padding:0 0.1rem;}
	
	#Home-slide .swiper-pagination-bullet, #Home-slide-mobile .swiper-pagination-bullet{width: 0.65rem; height: 0.11rem;}
	

    /*== Home Slide ==*/
    .home-slide { padding-top: 1.05rem; }

    /*=== Home ===*/
    .slogan .unit { width:25%;  border-right: 0.01rem solid rgba(91,91,91,0.7); border-bottom: none; }
    .slogan .unit:first-child { border-left: 0.01rem solid rgba(91,91,91,0.7); }

    .slogan .box { position: relative; padding: 0.2rem; }
    .slogan .box .icon { margin-top: -0.32rem; margin-left:0.2rem; width: 0.64rem; height: 0.64rem; }
    .slogan .box .text { top: -0.05rem; padding-left: 0.8rem; line-height:0.44rem; height:0.44rem;}
    .slogan .box .text .subject { font-size: 0.24rem; }
	.slogan .box .text .content{ display: block; line-height:0.44rem;}

    .home-layout { padding: 0.64rem 0; }
	.home-layout .title { margin-bottom: 0.32rem;}
	.home-layout .title .subject{ font-size:0.3rem;line-height: 0.48rem;margin-bottom: 0.14rem; padding-bottom: 0.14rem;}
	.home-layout .title .summary{ font-size:0.16rem;}

	.home-application{ background:#fff;}
	.home-application .list a{ width:16.66666666%; position:relative; margin:0}
	.home-application .list a .unit{ width:100%;}
	.home-application .list a .unit img{ width:100%;}
	.home-application .list a .text{width:100%; position:absolute; left:0; bottom:0; z-index:3; height:0.35rem; line-height:0.35rem; text-align:center; opacity: 0; color:#fff;}
	
	.home-application .list a:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 3px 3px rgba(230,9,24,.8);
 z-index:9;}
	.home-application .list a:hover .text{  background:#E60918; text-align:center;opacity:1;}

	.home-case .cat{ display:block;}
    .home-case .cat .picture { padding-right: 0.16rem; }
    .home-case .cat .info { padding-left: 0.16rem; }
    .home-case .cat .info .box { padding: 0.24rem 0.32rem 0.24rem 0.16rem; height: 100%; overflow: hidden; }
	.home-case .cat .info .box .subject{ display:block;}
	.home-case .cat .info .box .summary{ margin:0.32rem auto;}
    .home-case .list .unit { margin-bottom: 0; width:25%; padding:0 0.16rem; position:inherit; margin-bottom:0.32rem;}
	.home-case .list .unit a .subject{ position:inherit; z-index: inherit; width: inherit; height:inherit; background: none; top:0; left:0; margin-top:0.16rem; color:#333; font-size:0.14rem;}
	

	.home-service{ background:#F3F3F3}
	.home-service .list .unit{ width:33.33333333%;padding: 0.16rem;}
    .home-service .list .unit .box .image {}
    .home-service .list .unit .box .text { height:0.6rem; }
	.home-service .list .unit .box .text .subject{margin-bottom: 0.16rem; font-size: 0.18rem; color: #222; }
	.home-service .list .unit:hover .box .text .subject{ color:#E60918}
	
	.home-news{}

	
	.home-news .list .unit{ padding:0.16rem;}
	.home-news .list .unit .box{ position:relative;padding: 0.16rem; }
    .home-news .list .unit .box .image { position: inherit; width: inherit; height:inherit; overflow: hidden;}
    .home-news .list .unit .box .text { padding: 0rem; overflow: hidden; height: inherit; position: inherit; top: inherit; left: inherit; z-index: inherit}
	.home-news .list .unit .box .text .subject{ font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:inherit; line-height:inherit; text-align: center !important;}
	.home-news .list .unit .box .text .summary{ margin-top: 0.16rem; height:0.32rem; line-height:0.16rem; font-size:0.14rem; text-align:left!important; overflow:hidden;}
	
	
	.home-news .list .unit:hover .box .text .subject{ color:#E60918;}
	.home-news .list .unit:hover .box .text .summary{ color:#666}
	
	.home-news .list .unit .box .image{ position: relative; width: 100%; overflow: hidden; }
    .home-news .list .unit .box .text { padding: 0.16rem; overflow: hidden; }
	
	.copyright{ padding-bottom:0.16rem;}
	.footer{ display:block;}
	
	
	/*=== Carousel menu ===*/
	.carousel-menu { position: relative; padding: 0.16rem 0.64rem; background: #FFF; border-radius: 0.02rem; font-size: 0.14rem; color: #999; }
	.carousel-menu .swiper-container { position: relative; }
	.carousel-menu .prev,
	.carousel-menu .next { position: absolute; top: 50%; margin-top: -0.12rem; width: 0.24rem; height: 0.24rem; font-size: 0.16rem; cursor: pointer; }
	.carousel-menu .prev { left: 0.16rem; }
	.carousel-menu .next { right: 0.16rem; }
	
	
		
    /*=== Page ===*/
    .page { padding: 0.64rem 0;}
    .page .top .sub-title { margin-top: 0; margin-left: 0.32rem; }
    .page .top .sub-title:before { content: ""; display: block; position: absolute; top: 50%; left: -0.16rem; width: 0.08rem; height: 0.01rem; background: #999; }
    .page .content .head .title { margin-bottom: 0; line-height: 0.48rem; font-size: 0.24rem; }

    .page .left { padding-right: 0.16rem; }
    .page .right { padding-left: 0.16rem; }

    /*=== About ===*/
    .page .about .content { padding: 0.64rem; }
	.page .about .content img{ max-width:100%!important; height:auto!important;}
	.page .about .content p{ text-indent:0rem!important; margin-left:0!important; padding-left:0!important;}

    /*=== Case ===*/
	.page .cases .list .unit{ width:33.33333333%; padding: 0 0.16rem 0.32rem 0.16rem;}
	.page .cases .list .unit .box .text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding: 0.16rem; font-size: 0.14rem; }
    .page .cases .cases-content { padding: 0.48rem 0.64rem; }

    /*=== Product ===*/
	.page .products .list .unit{ width:25%; padding: 0 0.16rem 0.32rem 0.16rem;}
    .page .products .list .unit .box .image {}
	.page .products .list .unit .box .subject { font-size:0.14rem;}
    .page .products .list .unit .box .text { text-align:center;}
    .page .products .products-content { padding: 0.64rem; }
    .page .products .products-content .left { margin-bottom: 0; }
	
	.page .products .products-content .right .box .subject{margin-bottom: 0.44rem; font-size: 0.28rem;}
	.page .products .products-content .right .box .product-content-text{ padding:0.05rem 0; margin-bottom:0.14rem;}
	.page .products .products-content .right .box .product-content-text .text{position:relative;}
	.page .products .products-content .right .box .product-content-text .name{ width:1.25rem; font-size:0.16rem; line-height:0.4rem; position:absolute; left:0; top:0;}
	.page .products .products-content .right .box .product-content-text .cont{ padding-left:1.25rem; line-height:0.4rem; font-size:0.16rem;}
	
	
	
	.page .products .products-content .cont .tabs > ul{ background:#DADADA; height:0.6rem;}
	.page .products .products-content .cont .tabs > ul > li{ float:left; line-height:0.6rem;}
	.page .products .products-content .cont .tabs > ul > li a{ display:block; width:100%; padding:0 0.3rem; font-size:0.14rem;}



    /*=== News ===*/
	.page .news .list .unit{ padding:0.16rem; background:inherit; margin:inherit;}
	.page .news .list .unit .box{ position:relative;padding: 0.16rem; }
    .page .news .list .unit .box .image { position: inherit; width: inherit; height:inherit; overflow: hidden;}
    .page .news .list .unit .box .text { padding: 0rem; overflow: hidden; height: inherit; position: inherit; top: inherit; left: inherit; z-index: inherit}
	.page .news .list .unit .box .text .subject{ font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:inherit; line-height:inherit; text-align: center !important;}
	.page .news .list .unit .box .text .summary{ margin-top: 0.16rem; height:0.32rem; line-height:0.16rem; font-size:0.14rem; text-align:left!important; overflow:hidden;}
	
	
	.page .news .list .unit:hover .box .text .subject{ color:#E60918;}
	.page .news .list .unit:hover .box .text .summary{ color:#666}
	
	.page .news .list .unit .box .image{ position: relative; width: 100%; overflow: hidden; }
    .page .news .list .unit .box .text { padding: 0.16rem; overflow: hidden; }

    /*=== Job ===*/
	
    .page .jobs .list .unit .box a { display: block; padding: 0.16rem; }
    .page .jobs .list .unit { padding: 0 0.16rem 0.32rem 0.16rem; font-size: 0.16rem; }

    .page .jobs .jobs-content { padding: 0.32rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0,0,0,0.05); }
	

	/*=== yingyong ===*/
	.page .yingyong .list .unit{ padding:0.16rem;}
	.page .yingyong .list .unit .box{ position:relative; padding:0rem;}
    .page .yingyong .list .unit .box .image { position: relative; width:2rem; overflow: hidden;}
    .page .yingyong .list .unit .box .text { padding: 0rem; overflow: hidden; height:1.6rem; position:absolute; top:0; padding-left:2.1rem; width:100%; z-index:2}
	.page .yingyong .list .unit .box .text .subject{ font-size:0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:0.4rem; line-height:0.4rem; text-align:left!important; color:#E60918;}
	
	.page .yingyong .list .unit .box .text .summary{ font-size:0.16rem; margin-top:0rem; font-size:0.1rem; text-align:left!important; line-height:0.26rem; overflow:hidden; margin-top:0.01rem; position:absolute; bottom:0;}
	.page .yingyong .list .unit .box .text .summary .name1{ font-size:0.16rem;}
	.page .yingyong .list .unit .box .text .summary .name2 a{ display:block; width:100%;font-size:0.14rem; color:#E60918; text-indent:0.02rem;}

	

    /*=== Contact ===*/
    .page .contact .contact-content .box { padding: 0.32rem 0.48rem; height: 100%; background: #FFF; word-wrap: break-word; }

    .page .contact .contact-content .right { line-height: 0.32rem; }

    /*=== Footer ===*/
    .footer ul li,
    .copyright ul li { float: left; margin-right: 0.16rem; }

    /*=== Paging ===*/
    .paging ul span, 
    .paging ul a { padding: 0.04rem 0.12rem; }

} 

/*PC电脑*/
@media ( min-width : 1200px) { 

    .uk-container { padding: 0; }

    /*=== Home ===*/
    .slogan .box { padding: 0.32rem; }
    .slogan .box .icon { margin-top: -0.44rem; width: 0.88rem; height: 0.88rem; }
    .slogan .box .text { top: -0.02rem; padding-left: 1.04rem; }
    .slogan .box .text .subject { font-size: 0.3rem; }

    .home-case .cat .info .box { padding: 0.48rem 0.48rem 0.48rem 0.32rem; height: 100%; overflow: hidden; }
	
	
	.header .menu nav > ul > li > a{ padding:0 0.2rem;}

} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
	.header .menu nav > ul > li > a{ padding:0 0.25rem;}
}